<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#data{
				width: 400px;
				height: 300px;
				border: 1px solid #7FFFD4;
			}
		</style>
	</head>
	<body>
		<div id="data"></div>
		<div id="demo" class="pagination"></div>
		<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
		<script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/pagination.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$('#demo').pagination({
			    dataSource: [{'name':'张三','project':'流程','owner':'参与人','dt':'3.5','finishDate':'2021-11-30'},
					{'name':'李四','project':'录入复合','owner':'参与人','dt':'3.5','finishDate':'2021-11-30'},
					{'name':'张三2','project':'流程','owner':'参与人','dt':'3.5','finishDate':'2021-11-30'},
					{'name':'张三3','project':'录入复合','owner':'参与人','dt':'3.5','finishDate':'2021-11-30'},
					{'name':'张三4','project':'流程','owner':'参与人','dt':'3.5','finishDate':'2021-11-30'},
					{'name':'张三5','project':'录入复合','owner':'参与人','dt':'3.5','finishDate':'2021-11-30'}],
					pageSize: 3,
			    callback: function(data, pagination) {
			        console.log(data);
							// 你自己的模板方法
			        var html = '<table class="table"><tr><th>姓名</th><th>项目</th><th>参与度</th><th>时长</th><th>完成时间</th></tr>';
							for(n in data){
								html+='<tr><td>'+data[n].name+'</td><td>'+data[n].project+'</td><td>'+data[n].owner+'</td><td>'+data[n].dt+'</td><td>'+data[n].finishDate+'</td></tr>';
							}
							html+='</table>';
							
			        $("#data").html(html);
			    }
			})
			
				
			
		</script>
	</body>
</html>
